{extend name="base" /}

{block name="title"}会员推荐图{/block}

{block name="resource"}
<link rel="stylesheet" type="text/css" href="//cdn.bootcss.com/bootstrap-treeview/1.2.0/bootstrap-treeview.min.css"/>
{/block}

{block name="main"}
	<!-- Content Wrapper. Contains page content -->
	<div class="content-wrapper">
		<!-- Content Header (Page header) -->
		<section class="content-header">
			<h1>会员推荐图 <small>英雄联盟</small></h1>
			<ol class="breadcrumb">
				<li><a href="/shuashuale"><i class="fa fa-home"></i> 首页</a></li>
				<li><a href="/shuashuale/user"> 会员管理</a></li>
				<li class="active">会员推荐图</li>
			</ol>
		</section>

		<!-- Main content -->
		<section class="content container-fluid">
			<div class="box">
				<div class="box-header with-border">
					<h3 class="box-title">会员推荐图</h3>
					<div class="box-tools">
						<form method="get">
							<div class="input-group input-group-sm" style="width: 250px;">
								<input type="text" class="form-control pull-right" name="username" value="{$Think.get.username}" placeholder="输入会员账号">

								<div class="input-group-btn">
									<button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
								</div>
							</div>
						</form>
					</div>
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					<div id="tree"></div>
				</div>
				<!-- /.box-body -->
				<div class="box-footer clearfix">
					
				</div>
			</div>
		</section>
		<!-- /.content -->
	</div>
	<!-- /.content-wrapper -->
{/block}
{block name="script"}
<script type="text/javascript" charset="utf-8" src="//cdn.bootcss.com/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script>
<script type="text/javascript">
	$('#tree').treeview({
		data: {$promotions??'[]'},
		nodeIcon: "glyphicon glyphicon-user",
		showTags: true
	});
</script>
{/block}
